/**
 * User editable tabs for WYSIWYG HTML editors
 * 
 * Alternative plain CSS style definitions for tabs. Include either kuputabs.css.dtml or kuputabs.csx.
 * 
 * @author Mikko Ohtamaa <mikko.ohtamaa@twinapex.com>
 * 
 * @copyright Twinapex Research
 * 
 * @license GPL
 * 
 * http://www.twinapex.com - High quality Javascript hackers for hire
 * 
 */
 
ul.kuputab-selectors {
    display: block;
    margin-top: 1em;
    padding: 0;
	margin: 0;
    list-style-type: none;
    text-align: center;
	
	border-top: 1px solid #bfbfbf;
	border-bottom: 1px solid #bfbfbf;
	width: 100%;
	height: 32px;
}

li.kuputab-selector {
    display: inline;
    margin: 0;
    padding: 0;
	border: 0;
}

li.kuputab-selector a {
    /* this isn't supported by all browsers, so we keep it in a separate rule */
    display: inline-block;
}

li.kuputab-selector a {
	border: 0;
    border-left: 1px solid #bfbfbf;
    background: white;
    margin: 0;
    padding: 0.125em 0.75em;
    text-decoration: none;
	font-weight: bold;
	color: #0078ae;
	/* line-height = height - borders - 1 px for some mysterious FF feature I can't wrap my mind around */
	line-height: 29px;	
}

li.kuputab-selector a:visited {
    color: #0078ae;    
}
li.kuputab-selector-first a {
    border-left: 0;
}
li.kuputab-selector-last a {
}

li.kuputab-selector a.selected {
    color: black;
}
li.kuputab-selector a:hover {
    background: white;
}

.kuputab-content {
    padding: 1em 1em 1em 1em; 
}

.kuputab-content.hidden {
    display: none;
}

